<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">文艺演出信息</h1>
</div>
<div class="wrapper-md" ng-controller="PerformanceCtrl">
    <form role="form" class="form-inline" ng-submit="search()">
        <label class="control-label">标题</label>
        <input class="form-control" ng-model="searchForm.title"/>
        <label class="control-label">创建日期</label>
        <input type="text" class="form-control" readonly="readonly" style="cursor: pointer" datepicker-popup="yyyy-MM-dd" ng-model="searchForm.start"
            is-open="isStartOpen" required close-text="关闭" clear-text="清除" current-text="今天" ng-mousedown="openCalendar($event,'start')"
        /> 至
        <input type="text" class="form-control" readonly="readonly" style="cursor: pointer" datepicker-popup="yyyy-MM-dd" ng-model="searchForm.end"
            is-open="isEndOpen" required close-text="关闭" clear-text="清除" current-text="今天" ng-mousedown="openCalendar($event,'end')"
        />
        <button type="submit" class="btn btn-success"><i class="fa fa-search"></i> 查询</button>
        <a class="btn btn-primary" ui-sref="app.performance-edit({id:0})"><i class="fa fa-plus"></i> 新增</a>
    </form>
    <div class="row  m-md scroll">
      <div class="col-md-3 box-item" ng-class="{'box-blue':item.Enabled,'box-red':!item.Enabled}" ng-repeat="item in performanceList">
          <a ui-sref="app.performance-edit({id:item.Id})"><img class="img-full" ng-src="{{item.ImageUrl}}"/></a>
          <h3 class="ellipsis m-l-xs">{{item.Title}}</h3>
          <p class="ellipsis m-l-xs">地址:{{item.Address}} {{item.ShowTime|date:'MM-dd HH:mm'}}</p>
          <button class="btn btn-circle" ng-class={'btn-success':item.Enabled,'btn-danger':!item.Enabled} ng-click="enable(item)">{{item.Enabled?'下线':'上线'}}</button>
      </div>
    </div>
    <div class="row">
        <div class="col-md-10">
            <pagination total-items="page.total" ng-model="page.index" max-size="5" items-per-page="page.size" previous-text="上一页" next-text="下一页"
                first-text="首页" last-text="末页" class="pagination-sm pull-right m-n" boundary-links="true"></pagination>
        </div>
        <div class="col-md-2">
            每页
            <select ng-model="page.size" class="form-control w-xs" style="display: inline-block" ng-options="s for s in [10,20,50]">
                </select> 行
        </div>

    </div>
</div>